{include file="header/header"}
		<section>
			<div class="banner">
				<div class="ner">
					<div class="nei">
						<p class="title">包图家居贴近生活</p>
						<div class="yell"></div>
						<p class="p1">
							包图网汇集了各种流行趋势,视觉冲击力强的原创广告图片设计、电商淘宝、企业办公模板素材,由顶尖的设计师供稿,符合各个行业的商用需求,下载高品质正版素材就到包图网。包图网汇集了各种流行趋势视觉冲的原创。
						</p>
					</div>
				</div>
				<div class="clear"></div>
			</div>
			<div class="box">
				<div class="top">
					<p class="btit"><span>新品</span>上市</p>
					<p class="btitt">NEW ARRIVAL</p>
				</div>
				<ul class="xinpin_ul">
					{foreach $pro as $v}
					<li class="xinpin_li">
						<div class="xinpin_img">
							<img src="/upload/{$v.pro_pic}" >
						</div>
						<p class="p2">{$v.pro_title}</p>
						<p class="p3">￥{$v.pro_price}.00</p>
					</li>
					{/foreach}
				</ul>
				<div class="clear"></div>
				<div class="top ours">
					<p class="btit"><span>关于</span>我们</p>
					<p class="btitt">NEW ARRIVAL</p>
				</div>
				<div class="guanyu">
					<div class="gy_left">
						<div class="gy_img">
							<img src="/static/home/images/guanyu_1.png" >
						</div>
					</div>
					<div class="gy_right">
						<p class="rrtit">企业简介</p>
						<p class="p4">
							  包图网汇集了各种流行趋势,视觉冲击力强的原创广告图片设计、电商淘宝企业办公模板素材,由顶尖的设计师供稿,符合各个行业的商用需求,下载高品质正版素材就到包图网。包图网汇集了各种流行趋势,视觉冲击力强的原创广告图片设计、电商淘宝企业办公模板素材,由顶尖的设计师供稿,符合各个行业的商用需求,下载高品质正版素材就到包图网。
						</p>
						<p class="p4">
							  包图网汇集了各种流行趋势,视觉冲击力强的原创广告图片设计、电商淘宝企业办公模板素材,由顶尖的设计师供稿,符合各个行业的商用需求,下载高品质正版素材就到包图网。
						</p>
					</div>
					<div class="clear"></div>
				</div>
				<div class="women">
					<div class="gyu_left">
						<p class="rrtit">品牌故事</p>
						<p class="p4">
							  包图网汇集了各种流行趋势,视觉冲击力强的原创广告图片设计、电商淘宝企业办公模板素材,由顶尖的设计师供稿,符合各个行业的商用需求,下载高品质正版素材就到包图网。包图网汇集了各种流行趋势,视觉冲击力强的原创广告图片设计、电商淘宝企业办公模板素材,由顶尖的设计师供稿,符合各个行业的商用需求,下载高品质正版素材就到包图网。
						</p>
					</div>
					<div class="gyu_right">
						<div class="gy_img">
							<img src="/static/home/images/guanyu_2.png" >
						</div>
					</div>
					<div class="clear"></div>
				</div>
				<div class="top zhanshi">
					<p class="btit"><span>产品</span>展示</p>
					<p class="btitt">NEW ARRIVAL</p>
				</div>
				<div class="lizi_img"><img src="/static/home/images/zhanshi_1.png" ></div>
				<ul class="zhanshi_ul">
					{foreach $proo as $v}
					<li class="zhanshi_li">
						<img src="/upload/{$v.pro_pic}" >
						<p class="p2">{$v.pro_title}</p>
						<p class="p4">￥{$v.pro_price}.00</p>
						<div class="btn_g"><a href="">立即购买</a></div>
					</li>
					{/foreach}
				</ul>
				<div class="clear"></div>
				<div class="top news">
					<p class="btit"><span>新闻</span>中心</p>
					<p class="btitt">NEW ARRIVAL</p>
				</div>
				<div class="newss swiper-container" style="padding:60px;overflow: hidden;">
					<div class="swiper-wrapper" >
					{foreach $news as $n}
					<div class="lunbo swiper-slide" style="margin-top:unset;width:100%;height:unset;line-height: unset;;">
						<div class="news_img"><img src="/static/home/images/xinwen_tit.png" ></div>
						<div class="new_rit">
							<div class="news_tit">{$n.news_title}</div>
							<div class="news_data">{$n.news_time}</div>
							<div class="clear"></div>
							<div class="p7" style="display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;
overflow: hidden;">
								{$n.news_content}
							</div>
							<div class="news_btn"><a href="">点击查看</a></div>
						</div>
						<!--<div class="lunbo_left">&lt;</div>
						<div class="lunbo_right">&gt;</div>-->
					</div>
					{/foreach}
					</div>
					<div class="swiper-button-prev"></div><!--左箭头。如果放置在swiper-container外面，需要自定义样式。-->
    				<div class="swiper-button-next"></div><!--右箭头。如果放置在swiper-container外面，需要自定义样式。-->
				</div>
				<div class="clear"></div>
			</div>
		</section>
		{include file="footer/footer"}
		<script src="/static/public/swiper/package/js/swiper.min.js"></script>
		<script>
			var mySwiper = new Swiper('.swiper-container', {
				autoplay: false,//可选选项，自动滑动
				navigation: {
				    nextEl: '.swiper-button-next',
				    prevEl: '.swiper-button-prev',
			  	},
			})
		</script>
